<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Biking everywhere</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function playVideo(sourceId, targetId) {
   if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);}
   if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);}
   targetId.innerHTML=sourceId.innerHTML;
   return false;
}
</script>
</head>

<body>
<!--TopPan-->
<div id="topPan">
	<ul>
		<li class="home"><a href="index.html">Home</a></li>
		<li class="menupadding"><a href="passeios.html">Passeios</a></li>
		<li class="menupadding"><a href="aventuras.html#">Aventuras</a></li>
		<li class="menupadding"><a href="podcasts.html">Podcasts</a></li>
		<li class="menupadding"><a href="fotos.html">Fotos</a></li>
		<li class="selected">Videos</li>
		<li class="menupadding"><a href="sobre.html">Sobre</a></li>
		<li class="menupadding"><a href="contato.html">Contato</a></li>
	</ul>
	<div id="topBeforePan">&nbsp;</div>
	<h1>Biking everywhere</h1>
	<div id="topAfterPan">&nbsp;</div>
	<!--<div id="toplinkPan">
    <div id="toplinkfastPan">
		<p>Phasellus felis</p>
		<a href="">&nbsp;</a>
		
	</div>
	<div id="toplinksecondPan">
	<p>Phasellus felis</p>
		<a href="">&nbsp;</a>
	</div>
	
    <div id="toplinkthirdPan">
		<p>Phasellus felis</p>
		<a href="">&nbsp;</a>
	</div>
	</div>-->
</div>
<!--TopPan Close-->
<!--BodyPan-->
<div id="topBodyPan">&nbsp;</div>
<div id="bodyPan">
	<h1><span>Veja nossos videos!</span></h1>
	<p class="bigtext">Se voc&ecirc; possuir um video de um passeio ou aventura nossa, nos envie, apreciaremos!</p>
	<p>&nbsp;</p>
	
	<div id="videosList">
	<!--listas de links dos videos-->
	<ul>
	<li><a href="#" onclick='return playVideo("selectDemo1","videoPlayback")'>O GAP</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Terceira Etapa do ga&uacute;cho bmx</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo3","videoPlayback")'>Bras. de DH - Tr&ecirc;s Coroas</a></li>
	<li><a href="#" onclick='return playVideo("selectDemo4","videoPlayback")'>Bras. de 4X - Tr&ecirc;s Coroas</a></li>
	<!--cancela o video-->
	<li><a href="#" onclick='document.getElementById("videoPlayback").innerHTML=""; return false'>Parar Video</a></li>
	</ul>
	
	
	<!--div para guardar posição do player de videos-->
	<div id="videoPlayback">&nbsp;</div>
	
	<!--as seguintes divs são os videos que estão escondidos-->
	<div id="selectDemo1" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/k6zvGJ1SqaQ&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/k6zvGJ1SqaQ&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo2" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/-lIVLjfFhbs&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-lIVLjfFhbs&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo3" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo4" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/w-U83jYn04M&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	<div id="selectDemo5" style="display: none;">
		<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1bQ8aWPX6fY&hl=pt-br&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1bQ8aWPX6fY&hl=pt-br&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
	</div>
	
  </div>
	
</div>
<div id="bodybottomPan">&nbsp;</div>
<!--BodyPan Close-->
<!--FooterPan-->
<div id="footermainPan">
  <div id="footerPan">
  <ul>
  	<li><a href="#">Home </a>| </li>
  	<li><a href="#">Passeios </a>| </li>
  	<li><a href="#">Aventuras</a> | </li>
  	<li><a href="#">About us</a> | </li>
  	<li><a href="#">Contact </a> </li>
  </ul>
  
  <ul class="info">
  	<li class="address">23-Ambush road 0128thonhill <br />CANADA</li>
	<li class="phone"><span>PH: </span><br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
	 <li class="fax"><span>FAX:</span> <br />
	  012-2568-6897 <br />
	  012-2568-6898</li>
    </ul>
   <p class="copyright">Time manager all right reaserved </p>
   <ul class="templateworld">
  	<li>Design By:</li>
	<li><a href="http://www.templateworld.com" target="_blank">Template World</a></li>
  	<li>ReDesign By:</li>
	<li><a href="#">Guilherme João Frantz</a></li>
  </ul>
  </div>
</div>
</body>
</html>
